<template>
	<view class="itms">
		<ni class="uni-ec-canvas" id="uni-ec-canvas" ref="uni-ec-canvas" canvas-id="uni-ec-canvas" :ec="ec"></ni>
	</view>
</template>

<script>
	import ni from '@/components/uni-ec-canvas/uni-ec-canvas.vue';
	import * as echarts from '@/components/uni-ec-canvas/echarts.js';
	let app = getApp().globalData;
	export default {
		components: {
			ni
		},
		data() {
			return {
				ec: {
					option: {
						radar: {
							splitNumber: 3, // 雷达图圈数设置
							// max: 30,

							indicator: app.listRadar1,
							center: ['50%', '50%'],
							 // startAngle: 90,
							radius: 100,
							startAngle: 0,
							// splitNumber: 4,
							shape: 'circle',
							nameGap: 25,
							// textAlign:'center' ,
							name: {
								show: true, // 是否显示工艺等文字
								// formatter: '{a}\n{c}', // 工艺等文字的显示形式
								// textAlign:'center' ,
								textStyle: {
									color: '#333', // 工艺等文字颜色
									align: 'center',
									fontSize:'14',
									fontWeight:'500',
									// fontFamily:'PingFangSC-Medium, PingFang SC;'
									// textAlign: 'center',
									// display:'flex',
									// justifyContent: 'center',
								}
							},
							//雷达图背景的颜色，在这儿随便设置了一个颜色，完全不透明度为0，就实现了透明背景
							splitArea: {
								show: true,
								areaStyle: {
									color: '#F5F9FE', // 图表背景的颜色
								},
							},
							// 设置雷达图中间射线的颜色
							axisLine: {

								lineStyle: {
									color: '#D4E1F1', 
									type: 'dashed'
								}
							},
							splitLine: {
								show: true,
								lineStyle: {
									width: 1,
									color: '#D4E1F1', // 设置网格的颜色
									type: 'dashed'
								},
							},

						},
						series: [{
							name: '雷达图', // tooltip中的标题
							type: 'radar', //表示是雷达图
							symbol: 'none', // 拐点的样式，还可以取值'rect','angle'等
							symbolSize: 1, // 拐点的大小
							avoidLabelOverlap: true,
							itemStyle: {
								normal: {
									// color: "rgba(0,0,0,0)", // 图表中各个图区域的边框线拐点颜色
									lineStyle: {
										color: "none" // 图表中各个图区域的边框线颜色
									},
									areaStyle: {
										type: 'default'
									}
								}
							},
							areaStyle: {
								normal: {
									width: 1,
									opacity: 0.6,
								},
							},
							data: [{
								value: app.value1,
								name: '2018-07',
								// 设置区域边框和区域的颜色
								itemStyle: {
									normal: {
										color: '#FFDC30',
										// opacity: 0.9,
									},
								},
							}]
						}]
					}
				}
			};
		},
		
	}
</script>

<style lang="scss" scoped>
	.uni-ec-canvas {
		width: 100%;
		height: 600upx;
		display: block;
		// line-height: ;
		// background: linear-gradient(360deg, #FBFBFB 0%, #FFFFFF 100%);
	}
</style>
